<template>
  <div style="display: flex;">
    <div>
      <img src="../assets/logo.png" alt="" style="width: 150px;padding-top: 10px;margin-left: 60px">
    </div>
    <Menu mode="horizontal" :theme="theme1" active-name="1" style="min-width: 1350px;margin: 5px 90px;">
      <MenuItem name="1" class="top">
        <Icon type="ios-paper" />
        首页
      </MenuItem>
      <Submenu name="2">
        <template slot="title">
          <Icon type="ios-school" />
          实验室概况
        </template>
        <a href="#/LaboratoryOverview" target="_blank"><MenuItem name="2-1">实验室简介</MenuItem></a>
        <a href="#/LaboratoryCompetition" target="_blank"><MenuItem name="2-2">实验室竞赛</MenuItem></a>
        <a href="#/Honors" target="_blank"><MenuItem name="2-3">成果与获奖</MenuItem></a>
      </Submenu>
      <MenuItem name="3">
        <Dropdown>
          <template href="javascript:void(0)">
            <Icon type="ios-school" />
            学期报告
            <Icon type="ios-arrow-down"></Icon>
          </template>
          <DropdownMenu slot="list">
            <Dropdown placement="right-start">
              <DropdownItem>
                2018秋季学期
                <Icon type="ios-arrow-forward"></Icon>
              </DropdownItem>
              <DropdownMenu slot="list">
                <a href="http://10.18.52.137/oldfile/members/members-2018-2.html" target="_blank"><DropdownItem>小组成员</DropdownItem></a>
                <a href="http://10.18.52.137/oldfile/report/2018-2-report/N6-506-CSLG.html" target="_blank"><DropdownItem>周报</DropdownItem></a>
                <a href="http://10.18.52.137/oldfile/meetings/2018-2-meetings/meetings.html" target="_blank"><DropdownItem>每周组会</DropdownItem></a>
              </DropdownMenu>
            </Dropdown>
            <Dropdown placement="right-start">
              <DropdownItem>
                2019春季学期
                <Icon type="ios-arrow-forward"></Icon>
              </DropdownItem>
              <DropdownMenu slot="list">
                <a href="http://10.18.52.137/oldfile/members/members-2019-1.html" target="_blank"><DropdownItem>小组成员</DropdownItem></a>
                <a href="http://10.18.52.132/2018-2019-2%E5%AD%A6%E6%9C%9F%E5%91%A8%E6%8A%A5/main.html" target="_blank"><DropdownItem>周报</DropdownItem></a>
                <a href="http://10.18.52.137/oldfile/meetings/2019-1-meetings/MEETING.html" target="_blank"><DropdownItem>每周组会</DropdownItem></a>
              </DropdownMenu>
            </Dropdown>
            <Dropdown placement="right-start">
              <DropdownItem>
                2019秋季学期
                <Icon type="ios-arrow-forward"></Icon>
              </DropdownItem>
              <DropdownMenu slot="list">
                <a href="http://10.18.52.137/oldfile/members/members-2019-1.html" target="_blank"><DropdownItem>小组成员</DropdownItem></a>
                <a href="http://10.18.52.137/oldfile/report/2019-2-report/N6-506-CSLG.html" target="_blank"><DropdownItem>周报</DropdownItem></a>
                <a href="http://10.18.52.137/oldfile/meetings/2019-2-meetings/MEETING.html" target="_blank"><DropdownItem>每周组会</DropdownItem></a>
              </DropdownMenu>
            </Dropdown>
            <Dropdown placement="right-start">
              <DropdownItem>
                2020秋季学期
                <Icon type="ios-arrow-forward"></Icon>
              </DropdownItem>
              <DropdownMenu slot="list">
                <a href="http://10.18.52.137/oldfile/members/members-2020-2.html" target="_blank"><DropdownItem>小组成员</DropdownItem></a>
                <a href="http://10.18.52.137/oldfile/report/2020-2-report/N6-506.html" target="_blank"><DropdownItem>周报</DropdownItem></a>
                <a href="http://10.18.52.137/oldfile/meetings/2020-2-meetings/MEETING.html" target="_blank"><DropdownItem>每周组会</DropdownItem></a>
              </DropdownMenu>
            </Dropdown>
            <Dropdown placement="right-start">
              <DropdownItem>
                2021春季学期
                <Icon type="ios-arrow-forward"></Icon>
              </DropdownItem>
              <DropdownMenu slot="list">
                <a href="http://10.18.52.137/oldfile/members/members-2021-1.html" target="_blank"><DropdownItem>小组成员</DropdownItem></a>
                <a href="http://10.18.52.132/" target="_blank"><DropdownItem>周报</DropdownItem></a>
                <a href="http://10.18.52.137/oldfile/meetings/2021-1-meetings/MEETING.html" target="_blank"><DropdownItem>每周组会</DropdownItem></a>
              </DropdownMenu>
            </Dropdown>
          </DropdownMenu>
        </Dropdown>
      </MenuItem>
      <Submenu name="4">
        <template slot="title">
          <Icon type="ios-folder" />
          <a href="#/InternalResources" target="_blank">内部资源</a>
        </template>
      </Submenu>
      <Submenu name="5">
        <template slot="title">
          <Icon type="ios-sunny" />
          数据平台
        </template>
        <a href="http://10.18.52.137:8081/" target="_blank"><MenuItem name="9-1">实验室环境数据</MenuItem></a>
      </Submenu>
      <Submenu name="6">
        <template slot="title">
          <Icon type="ios-contact-outline" />
          考勤
        </template>
        <a href="http://10.18.52.137:8888/laboratory/login" target="_blank"><MenuItem name="7-1">考勤系统</MenuItem></a>
        <a href="http://10.18.52.137:8888/ask/ask.jsp" target="_blank"><MenuItem name="7-2">请假</MenuItem></a>
      </Submenu>
      <Submenu name="7">
        <template slot="title">
          <Icon type="ios-link" />
          学校链接
        </template>
        <a href="https://www.cslg.edu.cn/" target="_blank"><MenuItem name="8-1">学校官网</MenuItem></a>
        <a href="https://cse.cslg.edu.cn/" target="_blank"><MenuItem name="8-2">计算机学院</MenuItem></a>
        <a href="https://jwc.cslg.edu.cn/" target="_blank"><MenuItem name="8-3">教务处</MenuItem></a>
        <a href="http://121.229.45.226/CSLG_CX/CXCY/CSLG" target="_blank"><MenuItem name="8-4">大学生创新创业训练</MenuItem></a>
        <a href="http://bylw.cslg.cn/" target="_blank"><MenuItem name="8-5">毕设</MenuItem></a>
      </Submenu>
    </Menu>
  </div>
</template>

<script>
export default {
  name: "headers",
  data(){
    return {
      theme1: 'light',
    }
  }
}
</script>

<style scoped>
a{
  color: #515a6e;
}
</style>